*{padding:0;margin: 0;}
ul,li{list-style: none}
a{text-decoration: none;}
.container{width: 1400px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clearfix{clear: both;}
img{border: none;}
select::-ms-expand { display: none; }
.addroom{display: none;}
input.redall{border: 1px solid red !important;}
input.redtxt{color: red !important;}
.redbottom{border-bottom: 1px red solid !important;}
/* top */
.top{background: rgba(22,158,246,1);width: 100%;height: 48px;color: #fff;}
.top-tips{line-height: 46px;}
.top-reg{float: right;line-height: 46px;}
.top-reg span{line-height: 28px;display: inline-block;height: 28px;font-size: 14px;}
.top-reg a span{color: #fff;}
.top-reg span img{height: 22px;width: 22px;vertical-align:middle;margin-right: 10px;}
.top-reg .line{width: 1px;background: #000;height: 20px;line-height: 48px;margin:14px 22px; }

/* logo */
.logo{height: 80px;}
.logo .logoimg a{display: block;line-height: 80px; height: 80px;}
.logo .logoimg a img{vertical-align: middle;}
.logo .logoright li{float: left;display: inline-block;margin:0px 24px;line-height: 80px;text-align: center;}
.logo .logoright li a{color: black;}
.logo .logoright li.on a{color: rgba(22,158,246,1);}
.logo .logoright .search-box{line-height: 80px;margin-left: 18px;position: relative;}
.logo .logoright .search-box input{width: 250px;height: 36px;text-indent: 2.3em;border-radius: 5px;border: 2px #ddd solid;}
.logo .logoright .search-box img{position: absolute;top: 32px;left: 8px;}
.logo .logoright .result_box{position: absolute;top: 62px;left: 0px;z-index: 99;background: #fff;width: 100%;padding: 5px 0px;display: none;}
.logo .logoright .result_box .result-img{width: 20%;text-align: center;display: inline-block;vertical-align: middle;line-height: 40px;height: 40px;}
.logo .logoright .result_box .result-img img{vertical-align: middle;line-height: 40px;position: static;width: 40px;height: 40px;}
.logo .logoright .result_box .result-info{width: 75%;text-align: center;display: inline-block;text-align: left;padding-left: 10px;}
.logo .logoright .result_box .result-info p{line-height: 20px;}
/* footer */
footer{background: rgba(245,245,245,1);padding: 40px 0px;}
footer .footer-list{width: 20%;float: left;}
footer .footer-list .footer-tit{position: relative;line-height: 50px;text-indent: 1.1em;}
footer .footer-list .footer-tit::before{content: "";display: block;position: absolute;width: 6px;height: 20px;top: 15px;background: rgba(22,158,246,1)}
footer .footer-list ul li{line-height: 1.8;font-size: 14px;}
footer .footer-list ul li a{color: #000;}
footer .footer-list:nth-last-child(2){text-align: right;}

/* copyright */
.copyright{background: rgba(22,158,246,1);height: 36px;line-height: 36px;color: #fff;}

/* 权限弹出窗口 */
.warning{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 2;background: rgba(0,0,0,.4);display: none;}
.warning .warningbox{width: 560px;height: 380px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;text-align: center;background: #fff;border-radius: 16px;}
.warning .warningbox .waring-img{position: absolute;top:-93px;left: 200px;}
.warning .warningbox .warning-text{width: 70%;margin: 100px auto;font-size: 22px;padding-top: 50px;}
.warning .warningbox .warning-btn{width: 50%;margin: 0 auto;background:rgba(22,158,246,1);color: #fff;text-align: center;line-height: 40px;height:40px;border-radius: 6px;}
.warning .warningbox .warning-btn a{color: #fff;}

/* 取得聊天权限创建新房间 */
.warning.addroom{display: none;}
.warning.addroom .newroombox{width: 400px;height:260px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto; background: #fff;text-align: center;border-radius: 8px;}
.warning.addroom .newroombox .warning-text{line-height: 40px;color: #169df6;margin-top: 20px;}
.warning.addroom .newroombox input{width: 60%;height: 30px;line-height: 30px;border-radius: 14px;border:1px #ccc solid;background: #f5f5f5;margin: 40px 0px;outline: none;padding: 10px;}
.warning.no_login .warning-btn a{display: inline-block;background:#169df6;color: #fff;padding: 0px 60px; border-radius: 6px}
/* 未取得聊天权限创建新房间 */
.warning.addroom .warning-btn a{display: inline-block;background:#169df6;color: #fff;padding: 8px 60px; border-radius: 6px}

/* 分页样式 */
.pagebox span.blue a{color: #1898f9;border: 1px #1898f9 solid;}
.pagebox span a{display: inline-block;height: 30px;padding: 0px 11px;line-height: 30px;border: 1px #ccc solid;color: #000;}
.pagebox span a.on{background:#1898f9;color: #fff;}
.pagebox span input.jumppage{width: 29px;height: 29px;border:1px #1898f9 solid;text-align: center;}

/* 关于我们 */
.spa-page{padding: 40px 0px;}
.spa-page .spa-title{text-align: center;line-height: 40px;}
.spa-page .spa-title:after{content: "";width: 100%;height: 0px;display: block;clear: both;}
.spa-page .spa-title .line{width: 160px;background: #1a9df7;height: 2px;margin-top: 0px;display: inline-block;line-height: 40px;margin-bottom: 10px;position: relative;}
.spa-page .spa-title .line.left{margin-right: 50px;}
.spa-page .spa-title .line.left:after{content:'';width: 8px;height: 8px;border-radius: 50%;position: absolute;right: 0px;background: #1a9df7;top: -3px;}
.spa-page .spa-title .line.right:after{content:'';width: 8px;height: 8px;border-radius: 50%;position: absolute;left: 0px;background: #1a9df7;top: -3px;}
.spa-page .spa-title .line.right{margin-left: 50px;}
.spa-page .spa-title h2{display: inline-block;line-height: 40px;font-size: 36px;padding-top: 10px;}
.spa-content{min-height: 700px;margin: 80px 0px;}